<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../fontawesome/css/all.css">
<!--
图片字体的好处：
    1.占用空间小
    2.可以字体一样永远不会失帧，可以调节颜色和大小
如何引入字体图标： 
    1.先引入文件
    2.通过类名来使用图标字体 
 -->
    <title>Document</title>
    <style>
        .fa-heart{
            color: orange;
            font-size: 100px;
        }
    </style>
</head>
<body>
    <i class="fas fa-coffee"></i>
    <i class="fas fa-bell-slash "></i>
    <i class="fas fa-mars"></i>
    <i class="fas fa-heart"></i>
</body>
</html>